// Color palette for the app
export const colors = {
    primary: '#6A7FDB', // Soft blue - primary color
    secondary: '#F7C59F', // Soft peach - secondary color
    accent: '#FF6B6B', // Soft red - accent for important actions
    success: '#7DCE82', // Soft green - success states
    background: '#FFFFFF', // White background
    card: '#F9F9F9', // Light gray for cards
    text: {
      primary: '#333333', // Dark gray for primary text
      secondary: '#666666', // Medium gray for secondary text
      tertiary: '#999999', // Light gray for tertiary text
      inverse: '#FFFFFF', // White text for dark backgrounds
    },
    border: '#EEEEEE', // Very light gray for borders
    shadow: 'rgba(0, 0, 0, 0.05)', // Shadow color
  };
  
  // Theme configuration
  export const theme = {
    colors,
    spacing: {
      xs: 4,
      sm: 8,
      md: 16,
      lg: 24,
      xl: 32,
      xxl: 48,
    },
    borderRadius: {
      sm: 4,
      md: 8,
      lg: 16,
      xl: 24,
      full: 9999,
    },
    fontSize: {
      xs: 12,
      sm: 14,
      md: 16,
      lg: 18,
      xl: 20,
      xxl: 24,
      xxxl: 32,
    },
  };